import { NavBar, Button } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import './index.css'

export default function LeaseResult() {
  const navigate = useNavigate()

  return (
    <div className="leaseres-page">
      <NavBar back onBack={() => navigate(-1)}>
        退房结果
      </NavBar>

      <div className="leaseres-body">
        <div className="leaseres-icon">✓</div>
        <div className="leaseres-title">退房提交</div>
        <div className="leaseres-sub">发送退款结算单给客户</div>
      </div>

      <div className="leaseres-bottom">
        <Button className="leaseres-btn" onClick={() => navigate('/lease')}>
          返回列表
        </Button>
      </div>
    </div>
  )
}
